// colors
$colors: (
        "primary": #db9e3f,
        "white": #fff,
        "white-1": #fcfcfc,
        "white-2": #eceef0,
        "black": #000,
        "dark": #222,
        "grey": #999,
        "grey-1": #666,
        "light": #f9f9f9,
        "dark-1": #343440,
        "info": #4b67af,
        "light-1": #d4d9de,
        "blue": #4394e4,
        "blue-1": #1f3695,
        "danger": #791a15
);

$border-color: map_get($colors, 'light-1');

// font size
$base-font-size: 1rem;
$font-sizes: (
        xs: 0.7692, // 10px
        sm: 0.9231, // 12px
        md: 1, // 13px
        lg: 1.0769, // 14px
        xl: 1.2308, // 16px
);

// flex
$flex-jc: (
        start: flex-start,
        end: flex-end,
        center: center,
        between: space-between,
        around: space-around,
);

$flex-ai: (
        start: flex-start,
        end: flex-end,
        center: center,
        stretch: stretch,
);

// spacing
$spacing-types: (
        m: margin,
        p: padding
);

$spacing-direction: (
        t: top,
        r: right,
        b: bottom,
        l: left
);

$spacing-base-size: 1rem;

$spacing-sizes: (
        0: 0,
        1: 0.25,
        2: 0.5,
        3: 1,
        4: 1.5,
        5: 3
);


